<template>
  <div class="app-page">
    <BannerCarousel />
    <div class="section-divider">全方位健康生活方式的引领者</div>
    <FeatureNav />
    <!--    // 健康设备-->
    <!--    <HealthDevice :device="healthBand" />-->
    <!--    //一分钟演讲-->
    <SpeechModule />
    <!--    应用场景-->
    <HealthDevice :device="bodyScale" />
    <ApplicationScenes />
    <!--    下载-->
    <DownloadSection />
    <!--    <FooterContact />-->
  </div>
</template>

<script setup lang="ts">
import BannerCarousel from './sections/BannerCarousel.vue'
import HealthDevice from './sections/HealthDevice.vue'
import SpeechModule from './sections/SpeechModule.vue'
import ApplicationScenes from './sections/ApplicationScenes.vue'
import DownloadSection from './sections/DownloadSection.vue'
import FeatureNav from '@/views/App/sections/FeatureNav.vue'

const bodyScale = {
  title: '智能体脂秤',
  desc: 'AI精准个性化健康方案服务<br/>智能穿戴设备数据监测，健康手环/你的专属健康管家，智能体脂秤、精准计算身体状态',
  img: 'https://images.health.ufutx.com/202506/18/8bac1effee823f0f85b164e20b7ab08e.png'
}
</script>

<style scoped lang="less">
.app-page {
  width: 100%;
  overflow-x: hidden;
}

.section-divider {
  text-align: center;
  font-size: 50px;
  color: @text-color;
  font-weight: bold;
  .mt(100px);
}
</style>
